<!-- <div class="info-box">
    <div *ngFor="let data of dataList;index as i;trackBy:trackFunc"
        class="animate__animated animate__fadeInLeft animate__faster" [ngClass]="{
            'red': isErrorInfo_Build(data) || isErrorInfo_Upload(data),
            'blue':isSystemInfo(data)
        }">
        {{data}}
    </div>
</div>
<div *nzModalFooter>
    <button *ngIf="!isDone" nz-button nzDanger (click)="stop()">终止安装</button>
    <button *ngIf="isDone" nz-button (click)="stop()">完成</button>
</div> -->
<div class="state-box">
    <ng-container *ngIf="state=='DOWNLOAD_BOARD_JSON'">
        <i nz-icon nzType="loading" nzTheme="outline" nzSpin="true" class="blue"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.name}}</div>
            <div>下载开发板配置</div>
        </div>
    </ng-container>

    <ng-container *ngIf="state=='CHECK_BOARD_CORE'">
        <i nz-icon nzType="loading" nzTheme="outline" nzSpin="true" class="blue"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.core}}</div>
            <div>检查已安装核心</div>
        </div>
    </ng-container>
    <ng-container *ngIf="state=='DOWNLOAD_BOARD_CORE'">
        <i nz-icon nzType="loading" nzTheme="outline" nzSpin="true" class="blue"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.core}}</div>
            <div>下载核心... <span *ngIf="isEsp32">安装包较大，请耐心等待</span></div>
        </div>
    </ng-container>
    <ng-container *ngIf="state=='INSTALL_BOARD_ING'">
        <i nz-icon nzType="loading" nzTheme="outline" nzSpin="true" class="blue"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.core}}</div>
            <div>安装核心...</div>
        </div>
    </ng-container>
    <!-- <ng-container *ngIf="state=='INSTALL_BOARD_DONE'">
        <i nz-icon nzType="loading" nzTheme="outline" nzSpin="true" class="blue"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.core}}</div>
            <div>核心安装完成</div>
        </div>
    </ng-container> -->

    <ng-container *ngIf="state=='INSTALL_BOARD_DONE'">
        <i nz-icon nzType="check-circle" nzTheme="outline" class="green"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.name}}</div>
            <div>开发板安装完成</div>
        </div>
    </ng-container>
    <ng-container *ngIf="state=='DOWNLOAD_BOARD_FAIL'">
        <i nz-icon nzType="close-circle" nzTheme="outline" class="red"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.name}}</div>
            <div>开发板配置下载失败</div>
        </div>
    </ng-container>
    <ng-container *ngIf="state=='INSTALL_BOARD_FAIL'">
        <i nz-icon nzType="close-circle" nzTheme="outline" class="red"></i>
        <div class="text-box">
            <div>{{boardJson_cloud.name}}</div>
            <div>开发板安装失败</div>
        </div>
    </ng-container>
    <div class="close-btn" (click)="stop()">
        <i nz-icon nzType="close" nzTheme="outline"></i>
        <div class="btn-text animate__animated animate__fadeInRight">终止安装</div>
    </div>
</div>